<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!--{include file='comm/header.tpl'}-->
    <title><!--{if $operFlg == 2}-->添加<!--{else}-->编辑<!--{/if}-->客户投诉</title>
</head>
<body>
<div style="width:100%">

    <div class="items clearfix">
        <h2 style="" class="tal">正在操作：<!--{if $operFlg == 2}-->添加<!--{else}-->编辑<!--{/if}-->客户投诉</h2>
        <div class="items2">

            <form id="edit_form" onsubmit="return false;">
                <table>
                    <tbody>
                    <tr>
                        <td class="tar">投诉类型：</td>
                        <td>
                            <select name="complaintType" id="complaintType" style="width: 220px;">
                                <option value="">请选择</option>
                                <!--{foreach from=$complaintArr item=complaint}-->
                                    <option value="<!--{$complaint->itemID}-->" <!--{if $complaint->itemID == $complaintInfo->complaintType}--> selected <!--{/if}--> ><!--{$complaint->itemName}--></option>
                                <!--{/foreach}-->
                            </select>
                            <font color="red">*</font>
                        </td>
                    </tr>
                    <tr>
                        <td class="tar">投诉内容：</td>
                        <td>
                            <textarea name="memo" id="memo" style="width: 90%;height: 150px;"><!--{$complaintInfo->memo}--></textarea>
                            <font color="red">*</font>
                        </td>
                    </tr>
                    <tr>
                        <td class="tar" style="width:15%;">联系手机：</td>
                        <td>
                            <input type="text" id="mobile" name="mobile" style="width: 200px;" maxlength="11"  value="<!--{$complaintInfo->mobile}-->" />
                            <font color="red">*</font>
                        </td>
                    </tr>
                    <tr>
                        <td class="tar" style="width:15%;">订单号：</td>
                        <td>
                            <input type="text" id="bill_no" name="bill_no" style="width: 200px;"  value="<!--{$complaintInfo->bill_no}-->" />
                            <span id="billSpan" style="margin-left: 10px;display: none;color: red;">
                                没有找到[<font id="billErr"></font>]订单信息
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td class="tar" style="width:15%;">用户名：</td>
                        <td>
                            <input type="text" id="custID" name="custID" style="width: 200px;"  value="<!--{$complaintInfo->custID}-->" />
                             <span id="custSpan" style="margin-left: 10px;display: none;color: red;">
                                没有找到[<font id="custErr"></font>]用户信息
                            </span>
                        </td>
                    </tr>
                    <input type="hidden" name="complaintID" value="<!--{$complaintInfo->complaintID}-->">
                    </tbody>
                </table>
            </form>

        </div>
    </div>

    <div class="bottom_fixbox">
        <div class="rectbox tac">
            <input type="button" class="btn" onclick="complaintAdd.check();" value="<!--{if $operFlg == 2}-->添加<!--{else}-->编辑<!--{/if}-->客户投诉" />&nbsp;&nbsp;&nbsp;
            <input type="button" class="btn" onclick="E.closeWindows();" value="关闭" />
        </div>
    </div>

</div>

<script type="text/javascript">

    //添加或编辑的标志
    var operFlg = '<!--{$operFlg}-->';

    //校验订单信息
    $("#bill_no").blur(function(){

        var bill_no = $.trim( $("#bill_no").val() );

        if( bill_no == '' ){
            $("#billSpan").hide();
            return false;
        }

        if( !E.isInt(bill_no) ){
            E.alert('订单号必须为整数序列' , 1 , 'complaintAdd.getFocus("bill_no")');
            return false;
        }

        jquery_ajax( 5, {bill_no:bill_no} , complaintAdd.billBack );

    })

    //校验用户名
    $("#custID").blur(function(){

        var custID = $.trim( $("#custID").val() );

        if( custID == '' ){
            $("#custSpan").hide();
            return false;
        }

        jquery_ajax( 4, {custID:custID} , complaintAdd.custBack );

    })

    var complaintAdd = {

        dt: "",

        //获取焦点操作
        getFocus:function( id ){

            if( id != '' ){
                $("#" + id).focus();
            }

        },

        //保存之前检查参数
        check: function() {

            this.dt = E.getFormValues('edit_form');

            var error_msg = "";

            if ( this.dt.complaintType == "")
                error_msg += "投诉类型不能为空<br />";

            if ( this.dt.memo == "")
                error_msg += "投诉内容不能为空<br />";

            if( this.dt.mobile == '' ){
                error_msg += "联系手机不能为空<br />";
            }else{

                if( !E.isMobile(this.dt.mobile) )
                    error_msg += "手机格式有误<br />";

            }

            if( this.dt.bill_no != "" && !E.isInt(this.dt.bill_no) )
                error_msg += "订单号必须为整数序列<br />";

            if (error_msg != "")
                E.alert(error_msg);
            else {
                this.add();
            }

        },

        //保存
        add: function() {

            E.ajax_post({
                url:  "/invokingAjax-backend/customer/complaint.ajax?operFlg=2",
                data: this.dt,
                call: "complaintAdd.addReturn"
            });

        },

        //保存成功回调函数
        addReturn:function( obj ){

            if( obj.code == 200 ){

                E.opener('complaintList.load');

                if( operFlg == 2 ){
                    E.alert( obj.message , 2 , 'E.refresh');
                }else{
                    E.alert( obj.message , 2 , 'E.closeWindows');
                }

            }else{

                var bill_no = $.trim( $("#bill_no").val() );
                var custID  = $.trim( $("#custID").val() );

                if( bill_no == '' )
                    $("#billSpan").hide();

                if( custID == '' )
                    $("#custSpan").hide();

                E.alert( obj.message );
            }

        },

        //检查订单回调函数
        billBack:function( obj ){

            if( obj.code == 200){
                $("#billSpan").hide();
                $("#billErr").text('');
            }else{
                $("#billSpan").show();
                $("#billErr").text( obj.data );
            }

        },

        //检查用户名回调函数
        custBack:function( obj ){

            if( obj.code == 200){
                $("#custSpan").hide();
                $("#custErr").text('');
            }else{
                $("#custSpan").show();
                $("#custErr").text( obj.data );
            }

        }

    };

    function jquery_ajax(flg,data,func){
        $.ajax({
            type: "post",
            url: "/invokingAjax-backend/customer/complaint.ajax?operFlg=" + flg,
            dataType: "json",
            data: data,
            success: function( result_obj ) {
                func(result_obj);
            },
            error : function(msg){
                alert('网络不给力，请重新尝试...');
            }
        });
    }


</script>

</body>

</html>
